<template>
	<scroll-view scroll-y="true" style="height: 100vh;">
		<view class="head">
			<view class="title">请选择反馈类型</view>
			<!-- <view class="sub-title">你的反馈将发送给APP开发者</view> -->
		</view>
		<view class="tarbar">
			<navigator :url="'/pages/proposal/uploadfeed?typetitle='+item" class="tarbar-item" v-for="(item,index) in listdata" :key="index">
				<text>{{item}}</text>
				<image src="../../static/image/jiantou3.png" mode="aspectFill"></image>
			</navigator>
		</view>
	</scroll-view>
</template>

<script>
	/**
	 * 反馈类型
	 */
	export default{
		data(){
			return{
				//app自身问题
				apptype:[
					'app闪退',
					'卡顿',
					'黑屏白屏',
					'死机',
					'界面错误',
					'界面加载慢',
					'其他异常'],
				//支付问题	
				paytype:[
					'支付失败',
					'支付成功未生效',
					'退款问题',
					'其他'
				],
				listdata:[],
			}
		},
		onLoad(option) {
			//选择类型
			if(option.type == 'paytype'){
				this.listdata = this.paytype;
			}else{
				this.listdata = this.apptype;
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f0f0f0;
	}

	.tarbar {
		display: flex;
		justify-content: center;
		flex-direction: column;
		flex: 1;
		padding: 0 50rpx;
		font-size: 35rpx;
		.tarbar-item {
			height: 120rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1rpx solid #dadada;
			image {
				width: 30rpx;
				height: 30rpx;
			}
		}
	}

	.head {
		font-size: 30rpx;
		color: #000;
		flex: 1;
		margin: 50rpx 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		.title {
			letter-spacing: 1rpx;
			font-size: 40rpx;
			font-weight: bold;
			margin-bottom: 20rpx;
		}
	}
</style>
